<template>
	<!-- 积分记录 -->
<view class="cost-page">
	<view class="content">
		<view class="dataQuery">
			<u-calendar v-model="show" :mode="mode" @change="datatime"></u-calendar>
			<view class="datatime" @click="show = true">
				<text>{{ startDate }} 至 {{ endDate }}</text>
				<u-icon name="calendar" size="36"></u-icon>
			</view>
		</view>

	<view class="pay" v-for="(item,index) in list" :key="index">
			<view class="pay-top">
				<view class="dot">

				</view>
				<view class="pay-text">{{ item.type }}
					<view>2023-06-08 18:20</view>
				</view>
			</view>
			<view class="pay-right">{{ item.yue }}</view>
		</view>
		
	</view>
	<view class="footer_button">
			<button u-button style="background-color: #1677FE;color: #fff;">去提现</button>
		</view>
</view>
</template>
<script>
export default {
	data() {
		return {
			show: false,
			mode: 'range',
			endDate: "2023-07-17",
			startDate: '2023-07-19',
			list:[{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},{
				type:'提现中',
				date:'2023-06-08 18:20',
				yue:'-200'
			},]
		}
	},
	methods: {
		datatime(e) {
			console.log(e.endDate);
			this.endDate = e.endDate
			this.startDate = e.startDate
		}
	}
}
</script>

<style lang="scss" scoped>
@import "index.scss"
</style>